{% extends 'blog/base.html' %}
{% load static blog_tags %}

{% block head_title %}服务监控面板_ServerStatus{% endblock %}

{% block metas %}
    <meta name="description"
          content="本网站是一个采用django+bootstrap4搭建的个人博客，本着学习和分享的精神，博客项目开源，源代码可以到我的Github中查看，网站建站历程可以查看页面Timeline内容。">
    <meta name="keywords" content="monitor,ServerStatus,看板,服务监控,主机监控">
{% endblock %}

{% block top-file %}
    <link href="{% static 'monitor/css/monitor.css' %}?v=2024040803" rel="stylesheet">
{% endblock %}


{% block base_content %}
    <div class="container">
        <div class="monitor rounded-6 f-14 p-3">
            <table class="table table-striped table-condensed table-hover">
                <thead>
                <tr class="text-center">
                    <th id="status">
                        <svg x="1711638166677" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="25483" width="16" height="16">
                            <path d="M113 479.8c3.5 0 7-0.6 10.4-1.8 16.7-5.8 25.6-24 19.8-40.7-13.1-38-36.7-132.8 26.7-192.8 36-34 84-52.8 135.4-52.8 51.2 0 99.2 18.8 135.2 52.8l49.4 46.8c12.3 11.7 31.7 11.7 44 0l49.4-46.8c36-34 84-52.8 135.2-52.8 51.4 0 99.5 18.8 135.4 52.8 63.4 60 39.8 154.8 26.7 192.8-5.8 16.7 3.1 34.9 19.8 40.7 16.7 5.7 34.9-3.1 40.7-19.8 35.7-103.5 19.5-200.8-43.2-260.1-47.9-45.4-111.6-70.3-179.4-70.3-67.7 0-131.3 25-179.2 70.3l-27.4 26-27.4-25.9c-47.9-45.4-111.5-70.3-179.2-70.3-67.8 0-131.6 25-179.4 70.3C63.2 257.5 47 354.8 82.7 458.4c4.7 13.1 17.1 21.4 30.3 21.4zM744.8 623.6c-95.7 101-188 182.1-232.8 205.3-45.8-23.6-140.4-107.1-238.2-211-12.1-12.8-32.3-13.5-45.2-1.4-12.9 12.1-13.5 32.4-1.4 45.2 31.9 33.9 195 204.3 274.2 232.2 3.5 1.2 7 1.8 10.6 1.8 3.6 0 7.2-0.6 10.6-1.8 75.5-26.6 224.7-180 268.6-226.4 12.2-12.8 11.6-33.1-1.2-45.2-12.8-12.1-33-11.6-45.2 1.3z"
                                  fill="#FF336D" p-id="25484"></path>
                            <path d="M992 509.3H647.5c-10 0-19.5 4.7-25.5 12.7l-58.7 77.3L467 408.7c-5.5-10.8-16.5-17.6-28.6-17.6-12.1 0-23.1 6.8-28.6 17.6L359 509.3H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h346.7c12.1 0 23.1-6.8 28.6-17.6l31.2-61.7 90.9 179.8c5 9.8 14.7 16.4 25.7 17.4 1 0.1 1.9 0.1 2.9 0.1 10 0 19.4-4.7 25.5-12.7l80-105.5H992c17.7 0 32-14.3 32-32s-14.3-31.8-32-31.8z"
                                  fill="#FF336D" p-id="25485"></path>
                        </svg>
                        <span class="monitor-none">状态</span></th>
                    <th id="name">
                        <svg x="1711638254609" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="27718" width="16" height="16">
                            <path d="M128 296.533333h539.733333c23.466667 0 42.666667-17.066667 42.666667-38.4V168.533333c0-21.333333-19.2-38.4-42.666667-38.4H128C104.533333 128 85.333333 145.066667 85.333333 168.533333v89.6c0 21.333333 19.2 38.4 42.666667 38.4z m46.933333-128c23.466667 0 40.533333 19.2 40.533334 40.533334 0 23.466667-19.2 40.533333-40.533334 40.533333s-40.533333-19.2-40.533333-40.533333c0-21.333333 19.2-40.533333 40.533333-40.533334zM128 516.266667h539.733333c23.466667 0 42.666667-17.066667 42.666667-38.4v-89.6c0-21.333333-19.2-38.4-42.666667-38.4H128c-23.466667 0-42.666667 17.066667-42.666667 38.4v89.6c0 19.2 19.2 38.4 42.666667 38.4z m46.933333-125.866667c23.466667 0 40.533333 19.2 40.533334 40.533333 0 23.466667-19.2 40.533333-40.533334 40.533334s-40.533333-19.2-40.533333-40.533334c0-23.466667 19.2-40.533333 40.533333-40.533333zM416 622.933333s8.533333-38.4 36.266667-57.6H123.733333s-36.266667-2.133333-36.266666 36.266667v266.666667s0 36.266667 36.266666 36.266666h192s-42.666667-53.333333-40.533333-132.266666c4.266667-76.8 68.266667-130.133333 140.8-149.333334z"
                                  fill="#F15533" p-id="27719"></path>
                            <path d="M853.333333 693.333333s29.866667-85.333333-81.066666-128c-110.933333-40.533333-168.533333 46.933333-168.533334 46.933334-38.4-36.266667-91.733333-21.333333-91.733333-21.333334-68.266667 19.2-55.466667 85.333333-55.466667 85.333334-34.133333-10.666667-134.4 2.133333-134.4 106.666666s85.333333 123.733333 85.333334 123.733334h443.733333s81.066667-10.666667 81.066667-102.4c2.133333-93.866667-78.933333-110.933333-78.933334-110.933334z"
                                  fill="#F15533" p-id="27720"></path>
                        </svg>
                        <span class="monitor-none">节点</span></th>
                    <th id="system" class="monitor-none">
                        <svg x="1712578600594" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="6842" width="16" height="16">
                            <path d="M64 425.322667l60.522667 35.029333v205.290667L512 889.92l387.477333-224.277333-0.021333-203.093334L960 427.498667v273.194666L512 960 64 700.693333V425.322667z m113.194667 57.237333l317.781333 187.178667v140.352L177.194667 622.890667V482.56z m673.408-1.066667v140.352l-317.802667 186.154667v-140.373333l317.802667-186.112zM177.194667 306.752l317.781333 187.178667v140.373333L177.194667 447.04v-140.330667z m673.408 0v140.330667l-317.802667 186.154666v-140.352l317.802667-186.133333zM245.290667 565.994667c-14.634667 0-26.496 11.882667-26.496 26.56 0 14.656 11.861333 26.538667 26.496 26.538666 14.613333 0 26.474667-11.882667 26.474666-26.538666 0-14.677333-11.861333-26.56-26.474666-26.56zM513.877333 64l336.725334 197.226667-336.704 197.226666-336.704-197.226666L513.898667 64zM243.413333 390.186667c-13.568 0-24.597333 11.029333-24.597333 24.64 0 13.632 11.029333 24.661333 24.597333 24.661333 13.589333 0 24.597333-11.029333 24.597334-24.661333 0-13.610667-11.008-24.64-24.597334-24.64z"
                                  fill="#2B85FB" p-id="6843"></path>
                        </svg>
                        <span>系统</span></th>
                    <th id="uptime">
                        <svg x="1711638368450" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="29762" width="16" height="16">
                            <path d="M735 288V155.2h133.8V66H155.2v89.2h89.2V288c0 60.3 26.2 116.7 73.9 158.8 28.1 24.7 68.8 46.4 110.4 65.1-41.5 18.7-82.3 40.3-110.4 65.1-47.6 42.1-73.9 98.5-73.9 158.8v132.9h-89.2V958h713.5v-89.2H735V735.9c0-60.3-26.2-116.7-73.9-158.8-28.1-24.8-68.8-46.4-110.4-65.1 41.5-18.8 82.3-40.4 110.4-65.2C708.8 404.7 735 348.3 735 288z m-89.2 447.9v110.6H333.6V735.9c0-34.4 15.5-67.1 43.7-92 24.9-22 70.9-43.7 112.4-61.3 41.5 17.6 87.4 39.3 112.4 61.3 28.1 24.9 43.7 57.6 43.7 92z m0-447.9c0 34.4-15.5 67.1-43.7 91.9-24.9 22-70.8 43.7-112.4 61.4-41.5-17.7-87.5-39.4-112.4-61.4-28.2-24.9-43.7-57.6-43.7-92V177.5h312.2V288z"
                                  fill="#34C388" p-id="29763"></path>
                        </svg>
                        <span class="monitor-none">Uptime</span></th>
                    <th id="load" class="monitor-none">
                        <svg x="1711638720672" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="39982" width="16" height="16">
                            <path d="M934.22174815 894.4146963H88.07917037c-22.20942222 0-40.2925037 18.08308148-40.2925037 40.2925037 0 22.20942222 18.08308148 40.2925037 40.2925037 40.2925037h846.14257778c22.20942222 0 40.2925037-18.08308148 40.2925037-40.2925037 0-22.20942222-17.96171852-40.2925037-40.2925037-40.2925037zM1014.80675555 572.07466667c0-145.75691852-62.01647408-277.07164445-161.04865185-369.06477037l-33.98162962 80.22091852c70.75460741 75.60912592 114.44527408 176.9472 114.44527407 288.72248888 0 49.51608889-8.98085925 96.84764445-24.63668148 141.02376297 0 22.20942222 19.78216297 40.2925037 44.78293333 40.2925037 22.20942222 0 33.86026667-18.56853333 40.2925037-40.2925037 13.1072-44.66157037 20.14625185-91.99312592 20.14625185-140.9024zM112.71585185 713.09842963c-15.65582222-44.17611852-24.63668148-91.50767408-24.63668148-141.02376296 0-233.6237037 189.44758518-423.07128889 423.07128888-423.07128889 37.13706667 0 72.93914075 5.21860741 107.28485927 14.19946667l55.34151111-67.8418963c-51.09380741-17.47626667-105.70714075-27.06394075-162.62637038-27.06394074-278.16391111 0-503.6562963 225.49238518-503.65629628 503.65629629 0 48.90927408 7.16041482 96.24082963 20.14625185 141.02376297 8.73813333 25.00077037 18.08308148 40.2925037 40.2925037 40.2925037 22.33078518 0.12136297 44.78293333-17.96171852 44.78293333-40.17114074zM390.27294815 541.85528889c0 72.33232592 58.61831111 130.95063703 130.95063703 130.95063703 72.33232592 0 130.95063703-58.61831111 130.95063704-130.95063703 0-22.08805925-5.5826963-42.96248889-15.29173333-61.2882963l169.66542222-404.62411851c13.71401482-32.768 6.67496297-36.77297778-15.89854814-8.8594963l-277.92118519 344.30672592c-68.32734815 4.36906667-122.45522963 61.04557037-122.45522963 130.46518519z m181.31626667 0c0 27.79211852-22.57351111 50.36562963-50.36562964 50.36562963s-50.36562963-22.57351111-50.36562963-50.36562963 22.57351111-50.36562963 50.36562963-50.36562964c27.91348148 0 50.36562963 22.57351111 50.36562964 50.36562964z"
                                  fill="#d81e06" p-id="39983"></path>
                        </svg>
                        <span class="monitor-none">负载</span></th>
                    <th id="network" class="monitor-none">
                        <svg x="1711637783858" class="icon" viewBox="0 0 1433 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="10453" width="16" height="16">
                            <path d="M689.664 333.312L382.6688 26.5216 75.776 333.312h230.0928v536.8832h153.6V333.312z"
                                  fill="#FFAF00" p-id="10454"></path>
                            <path d="M1047.7568 997.6832l306.9952-306.9952h-230.1952V153.8048h-153.6v536.8832H740.864z"
                                  fill="#00D069" p-id="10455"></path>
                        </svg>
                        <span class="monitor-none">网络</span></th>
                    <th id="cpu">
                        <svg x="1711636848552" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="4405" width="16" height="16">
                            <path d="M818.176 894.976H206.848c-43.008 0-78.848-34.816-78.848-78.848V204.8c0-43.008 34.816-78.848 78.848-78.848h611.328c43.008 0 78.848 34.816 78.848 78.848v611.328c0 43.008-35.84 78.848-78.848 78.848zM206.848 186.368c-10.24 0-18.432 8.192-18.432 18.432v611.328c0 10.24 8.192 18.432 18.432 18.432h611.328c10.24 0 18.432-8.192 18.432-18.432V204.8c0-10.24-8.192-18.432-18.432-18.432H206.848z"
                                  fill="#6462F3" p-id="4406"></path>
                            <path d="M701.44 715.776H323.584c-4.096 0-8.192-4.096-8.192-8.192V313.344c0-4.096 4.096-8.192 8.192-8.192h377.856c4.096 0 8.192 4.096 8.192 8.192v395.264c0 4.096-3.072 7.168-8.192 7.168z"
                                  fill="#D7D7FF" p-id="4407"></path>
                            <path d="M631.808 643.072H393.216c-4.096 0-8.192-4.096-8.192-8.192V386.048c0-4.096 4.096-8.192 8.192-8.192h238.592c4.096 0 8.192 4.096 8.192 8.192V634.88c0 5.12-3.072 8.192-8.192 8.192zM963.584 415.744h-98.304c-16.384 0-30.72-13.312-30.72-30.72s13.312-30.72 30.72-30.72h98.304c16.384 0 30.72 13.312 30.72 30.72s-14.336 30.72-30.72 30.72zM963.584 540.672h-98.304c-16.384 0-30.72-13.312-30.72-30.72 0-16.384 13.312-30.72 30.72-30.72h98.304c16.384 0 30.72 13.312 30.72 30.72s-14.336 30.72-30.72 30.72zM963.584 665.6h-98.304c-16.384 0-30.72-13.312-30.72-30.72s13.312-30.72 30.72-30.72h98.304c16.384 0 30.72 13.312 30.72 30.72s-14.336 30.72-30.72 30.72zM632.832 999.424c-16.384 0-29.696-13.312-30.72-29.696v-102.4c0-16.384 13.312-30.72 29.696-30.72 16.384 0 29.696 13.312 30.72 29.696v102.4c0 16.384-13.312 30.72-29.696 30.72zM513.024 999.424c-16.384 0-30.72-13.312-30.72-29.696v-102.4c0-16.384 13.312-30.72 29.696-30.72 16.384 0 30.72 13.312 30.72 29.696v102.4c0 17.408-13.312 30.72-29.696 30.72zM393.216 1006.592c-16.384 0-30.72-13.312-30.72-29.696v-102.4c0-16.384 13.312-30.72 29.696-30.72 16.384 0 30.72 13.312 30.72 29.696v102.4c1.024 17.408-13.312 30.72-29.696 30.72z"
                                  fill="#6462F3" p-id="4408"></path>
                            <path d="M632.832 177.152c-16.384 0-29.696-13.312-30.72-29.696v-102.4c0-16.384 13.312-30.72 29.696-30.72 16.384 0 29.696 13.312 30.72 29.696v102.4c0 17.408-13.312 30.72-29.696 30.72zM513.024 177.152c-16.384 0-30.72-13.312-30.72-29.696v-102.4c0-16.384 13.312-30.72 29.696-30.72 16.384 0 30.72 13.312 30.72 29.696v102.4c0 17.408-13.312 30.72-29.696 30.72zM393.216 185.344c-16.384 0-30.72-13.312-30.72-29.696v-102.4c0-16.384 13.312-30.72 29.696-30.72 16.384 0 30.72 13.312 30.72 29.696v102.4c1.024 16.384-13.312 30.72-29.696 30.72z"
                                  fill="#6462F3" p-id="4409"></path>
                            <path d="M155.648 415.744H57.344c-16.384 0-30.72-13.312-30.72-30.72s13.312-30.72 30.72-30.72h98.304c16.384 0 30.72 13.312 30.72 30.72s-14.336 30.72-30.72 30.72zM155.648 540.672H57.344c-16.384 0-30.72-13.312-30.72-30.72 0-16.384 13.312-30.72 30.72-30.72h98.304c16.384 0 30.72 13.312 30.72 30.72s-14.336 30.72-30.72 30.72zM155.648 665.6H57.344c-16.384 0-30.72-13.312-30.72-30.72s13.312-30.72 30.72-30.72h98.304c16.384 0 30.72 13.312 30.72 30.72s-14.336 30.72-30.72 30.72z"
                                  fill="#6462F3" p-id="4410"></path>
                        </svg>
                        <span class="monitor-none">CPU</span>
                    </th>
                    <th id="memory">
                        <svg x="1711636999816" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="5528" width="16" height="16">
                            <path d="M928 181c17.673 0 32 14.327 32 32v598c0 17.673-14.327 32-32 32H743v-72h-64v72h-69v-72h-64v72h-69v-72h-64v72h-69v-72h-64v72H96c-17.673 0-32-14.327-32-32V213c0-17.673 14.327-32 32-32h832z m-40 72H136v304h64a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8h-64v142h72v-72h608v72h72V629h-64a8 8 0 0 1-8-8v-56a8 8 0 0 1 8-8h64V253z"
                                  fill="#1C6EFF" p-id="5529"></path>
                            <path d="M316 325a8 8 0 0 1 8 8v144a8 8 0 0 1-8 8h-64a8 8 0 0 1-8-8V333a8 8 0 0 1 8-8h64z m152 0a8 8 0 0 1 8 8v144a8 8 0 0 1-8 8h-64a8 8 0 0 1-8-8V333a8 8 0 0 1 8-8h64z m152 0a8 8 0 0 1 8 8v144a8 8 0 0 1-8 8h-64a8 8 0 0 1-8-8V333a8 8 0 0 1 8-8h64z m152 0a8 8 0 0 1 8 8v144a8 8 0 0 1-8 8h-64a8 8 0 0 1-8-8V333a8 8 0 0 1 8-8h64z"
                                  fill="#44D7B6" p-id="5530"></path>
                        </svg>
                        <span class="monitor-none">内存</span>
                    </th>
                    <th id="disk">
                        <svg x="1711637169370" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="6694" width="16" height="16">
                            <path d="M57.6 55.68v900.8h900.8V55.68H57.6z m111.04 832.32a45.76 45.76 0 1 1 0-91.52 45.76 45.76 0 0 1 0 91.52z m0-674.88a45.76 45.76 0 1 1 0-91.52 45.76 45.76 0 0 1 0 91.52z m496.32 659.52h-320v-64h320v64z m-156.8-142.08a269.792 269.792 0 1 1 269.76-269.76c-0.32 149.12-120.96 269.76-269.76 269.76z m337.6 157.44a45.76 45.76 0 1 1 0-91.52 45.76 45.76 0 0 1 0 91.52z m0-674.88a45.76 45.76 0 1 1 0-91.52 45.76 45.76 0 0 1 0 91.52z"
                                  fill="#1890FF" p-id="6695"></path>
                            <path d="M508.16 404.16c-31.36 0-56.96 25.6-56.96 56.96s25.6 56.96 56.96 56.96 56.96-25.6 56.96-56.96-25.6-56.96-56.96-56.96z"
                                  fill="#1890FF" p-id="6696"></path>
                        </svg>
                        <span class="monitor-none">硬盘</span></th>
                    <th id="version" class="monitor-none">
                        <svg x="1711638875275" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="47359" width="16" height="16">
                            <path d="M204.8 102.4h614.4c56.32 0 102.4 46.08 102.4 102.4v614.4c0 56.32-46.08 102.4-102.4 102.4H204.8c-56.32 0-102.4-46.08-102.4-102.4V204.8c0-56.32 46.08-102.4 102.4-102.4z m138.24 153.6L256 317.44l209.92 327.68c20.48 30.72 66.56 30.72 87.04 0L768 317.44 680.96 256 512 512 343.04 256zM256 716.8v102.4h512v-102.4H256z"
                                  fill="#6F8FDF" p-id="47360"></path>
                        </svg>
                        <span class="monitor-none">服务版本</span></th>
                </tr>
                </thead>
                <tbody class="text-center" id="servers"></tbody>
            </table>
            {% block demo %}{% endblock %}
        </div>
    </div>

{% endblock %}

{% block end_file %}
    <script src="{% static 'monitor/js/monitor.js' %}?v=2024061902"></script>
    {% block script %}{% endblock %}
{% endblock %}

